<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        目标:能说出什么是事件对象
            也是个对象,这个对象里有事件触发时的相关信息
            例如:鼠标点击事件中,事件对象就存了鼠标点在那个位置等信息
        使用场景:
            可以判断用户按下哪个键,比如按下回车键可以发布新闻
            可以判断鼠标点击了那个元素,从而做相应的操作
        语法:如何获取
            在事件绑定的回调函数的第一个参数就是事件对象
            一般命名为event , ev ,e
        部分常用属性
            type:获取当前的事件类型
            clientX/clientY :获取光标相对于浏览器可见窗口左上角位置
            offsetX/offsetY :获取光标相对于当前dom元素左上角位置
            key :用户按下的键盘键的值  现在不提倡使用keyCode
     -->
    <input type="text">
    <script>
        const input = document.querySelector('input');
        input.addEventListener('keyup', function (e) {
            if (e.key == 'Enter') {
                console.log(e);
            }
        })
    </script>
</body>

</html>